# 使用 Node.js 官方镜像构建前端应用
FROM node:18 AS BUILD

# 设置工作目录
WORKDIR /app

# 复制 package.json 和 package-lock.json 文件
COPY package*.json ./

# 安装依赖
RUN npm install

# 复制所有源码文件到容器中
COPY . .

# 构建项目
RUN npm run build:prod

# 使用 Nginx 镜像来运行构建好的静态文件
FROM nginx:alpine

# 复制构建后的文件到 Nginx 的默认静态文件目录
COPY --from=build /app/dist /usr/share/nginx/html

#RUN chmod 777 /etc/nginx/nginx.conf

COPY nginx.conf /etc/nginx/nginx.conf

# 暴露端口
EXPOSE 80

# 启动 Nginx
CMD ["nginx", "-g", "daemon off;"]
